User interface components

Controls (UI components) are containers that define the rules and behavior for 3D content using properties, and the message system.

These user interface components come with Kanzi:

• Button components
  • Button is an object you can use to create interactions with 3D content through clicking. See Using buttons.
  • Toggle button is an object that can have multiple toggle states you can use to create interactions with 3D content through clicking. See Using toggle buttons.
• Layout components
  • Flow layout places 3D objects in rows. When a row is full, it places objects in a new row. See Using flow layouts.
  • Stack layout arranges its children in 3D space next to each other in a stack on the selected axis. See Using stack layouts.
  • Grid layout arranges 3D objects in a grid. See Using grid layouts.
  • Trajectory layout arranges its children along a trajectory path in 3D space. See Using trajectory layouts.
• List box components
  • Grid list box holds a scrollable list of objects arranged in a grid. See Using grid list boxes.
  • Trajectory list box allows you to lay out content along a trajectory and browse the content by clicking and dragging the objects in the trajectory list box. See Using trajectory list boxes.
• Text block displays text in 3D space. It uses fonts to render text and has a location and orientation in 3D space just as all the other objects do. See Using text blocks.
• Slider is a variable controller that allows users to change numerical values using a visual indicator between a minimum and a maximum value. See Using sliders.
• Scroll view is a 3D input plane you can use to get user input from scroll gestures. You can use the scroll message with its parameters for, for example, rotating or moving objects, such as a map plane or a spinning polygon. See Using scroll views.

You can create your own component objects to define the logic and functionality to suit the needs of your Kanzi application. After creating and loading your component, you can see it in the Library > Components. See Components and Creating custom components.

UI components in the Kanzi API

UI components are inherited from the base class KzuUiComponentNode, which in turn is inherited from KzuObjectNode. Implement instances of UI components by setting the component as the parent of objects (usually meshes), so that the objects inherit the behavior from the component.

Open topic with navigation